<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Login</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="../../common/js/weui-master/dist/style/weui.min.css" rel="stylesheet">
    <link href="../../common/js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="../../common/js/jquery-1.11.1.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="../../common/js/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../common/js/weui-master/dist/example/zepto.min.js"></script>
    <script type="text/javascript" src="../../common/js/weui-master/dist/js/jweixin-1.0.0.js"></script>
    <script src="../../common/js/weui-master/dist/js/weui.min.js"></script>
    <script src="js/login.js"></script>


</head>
<style>
    * {
        color: #fff;
    }

    .logo {
        width: 100%;
        height: 100%;
    }

    .input_text {
        border: 0px;
        background: none;
        color: #fff;
        padding-left: 30px !important;
        font-size: 1.8rem;
    }

    input {
        outline: none
    }

    .forget_pwd {
        float: right;
        text-decoration: none;
        color: #4E8CF6;
        font-size: large;

    }

    .forget_pwd:hover {
        color: #004BD2;
    }

    .submit {
        color: white;
        background-color: #22a3f9;
        width: 100%;
        height: 45px;
        font-size: 1.8rem;
        border-style: none;
        margin: 0 auto;
        border: 0px !important;
    }

    .submit:hover {
        background-color: #22a3f9;
    }
</style>
<body style="background: url(image/login_bg.jpg) no-repeat; background-size: 100%;">
<div class="weui-toptips weui-toptips_warn js_tooltips">错误提示</div>

<div style="width: 100%;">
    <div style="width: 100%; margin-top:20%; ">
        <div style="height: 108px; width: 108px;   margin: 0 auto;">
            <img src="image/logo.png" class="logo">
        </div>
    </div>
</div>
<div style="width: 90%; margin: 0 auto;">
    <form action="/app/login" id="login_form">
        <div style="width: 100%; height: 50px;"></div>
        <div style="width: 100%; padding-left: 15px; padding-right: 15px;margin-bottom: 60px;">
            <div style="width: 22px; float: left;">
                <img src="image/login_u.png" alt="" style="width: 22px;">
            </div>
            <div style="width: 80%; float: left; ">
                <input class="input_text" type="text" id="sg-account" name="account" style="width:100%"
                       placeholder="用户名">
            </div>
            <div style="width: 22px; float: right; ">
                <img src="image/login_c.png" alt="" style="float: right;width: 22px; ">
            </div>
            <div style="width: 100%; height: 1px; background: #fff; float:left; margin-top: 15px;">
            </div>
        </div>
        <div style="width: 100%; height: 30px;"></div>
        <div style="width: 100%; padding-left: 15px; padding-right: 15px;margin-bottom: 60px">
            <div style="width: 22px; float: left;">
                <img src="image/login_p.png" alt="" style="width: 22px;">
            </div>
            <div style="width: 80%; float: left; ">
                <input class="input_text" type="password" id="sg-password" name="password" style="width:100%;"
                       placeholder="密码">
            </div>
            <div style="width: 22px; float: right; ">
                <img src="image/login_check.png" alt="" style="float: right;width: 22px; ">
            </div>
            <div style="width: 100%; height: 1px; background: #fff; float:left;margin-top: 15px;">
            </div>
        </div>

        <div style="width: 100%; padding-left: 15px; padding-right: 15px;line-height: 50px">
            <div style="width: 50%; float: left;">
                <img src="image/login_checkbox.png" style="width: 15px; margin-top: -2px;" alt=""><span>&nbsp;&nbsp;一周内自动登录</span>
            </div>
            <div style="width: 50%; float: right; ">
                <a href="JavaScript:window.wa.forgetPassword()" class="forget_pwd" style="">忘记密码?</a>
            </div>
        </div>

    </form>
    <div style="width: 100%; height: 50px; float: left;"></div>
    <div style="width: 95%; margin: 0 auto">
        <a type="button" class="btn btn-primary submit" onclick="submit()">登&nbsp;&nbsp;录</a>

    </div>
    <div style="width: 100%; height: 50px; float: left;"></div>
    <div style="width: 100%; text-align: center; float: left;">
        <h4 style="margin: 0 auto;">树根互联移动扫描测试系统</h4>
    </div>

</div>


<div style="position: absolute; width: 100%; bottom:15px;  text-align: center;">
    <a href="JavaScript:window.wa.register()" style="color: #ffffff;">立即注册</a>
</div>
</body>
<script src="../../common.js"></script>
</html>